<!doctype html>
<html class="no-js" lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>
    {% if pageTitle.length %}
    {{ pageTitle }}
    {% else %}
    {{ siteName }}
    {% /if %}
  </title>
  {% if post.ext_seo_keywords.length %}
  <meta name="keywords" content="{{post.ext_seo_keywords}}" />{% /if %}
  {% if post.ext_seo_des.length %}
  <meta name="description" content="{{post.ext_seo_des}}" />{% /if %}
  <link href="atom.xml" rel="alternate" title="{{ siteName }}" type="application/atom+xml">
</head>

<body>

  <div id="root" class="root style-bg">
    <div class="flex flex-wrap min-h-dvh flex-col style-space max-w-7xl m-auto">

      <!-- 导航栏 -->
      <header class="style-container mt-8 z-991">
        <div class="mx-auto flex h-12 max-w-7xl items-center style-space style-title">
          <a class="block" href="{{siteDomain}}">
            <span class="sr-only">{{ siteName }}</span>
            <svg class="style-icon-logo" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="4790" width="200" height="200">
              <path d="M125.274487 859.874564l-13.082462-13.4789L984.752613 0v1021.62137h-19.029036V44.797522z"
                fill="#F2F2F2" p-id="4791"></path>
              <path
                d="M138.753388 873.749903l-13.478901-13.875339 840.44909-815.077042v976.823848h-19.029036v-931.629887z"
                fill="" p-id="4792"></path>
              <path
                d="M151.83585 887.228804l-13.082462-13.478901L946.694541 89.991483v931.629887h-19.029036V134.789005z"
                fill="#F2F2F2" p-id="4793"></path>
              <path
                d="M164.918312 901.104142l-13.082462-13.875338L927.665505 134.789005v886.832365h-19.029036V179.982966z"
                fill="" p-id="4794"></path>
              <path
                d="M178.397213 914.583043l-13.478901-13.478901L908.636469 179.982966v841.638404h-19.029036v-796.840882z"
                fill="#F2F2F2" p-id="4795"></path>
              <path
                d="M191.479675 928.458382l-13.082462-13.875339 711.21022-689.802555v796.840882h-19.029036V269.974448z"
                fill="" p-id="4796"></path>
              <path d="M204.958575 941.937282l-13.4789-13.4789L870.578397 269.974448v751.646922h-19.029036V314.771971z"
                fill="#F2F2F2" p-id="4797"></path>
              <path
                d="M218.041038 955.812621l-13.082463-13.875339L851.549361 314.771971v706.849399h-19.029036v-662.051877z"
                fill="" p-id="4798"></path>
              <path d="M231.1235 969.291521l-13.082462-13.4789 614.479287-596.243128v662.051877h-19.029036V404.763453z"
                fill="#F2F2F2" p-id="4799"></path>
              <path d="M244.6024 982.770422l-13.4789-13.478901 582.367789-564.528068v616.857917h-19.029036V449.560976z"
                fill="" p-id="4800"></path>
              <path
                d="M257.684863 996.645761l-13.082463-13.875339 549.859853-533.209446v572.060394h-19.029036V494.754936z"
                fill="#F2F2F2" p-id="4801"></path>
              <path d="M284.246225 1024l-13.082462-13.875339 485.240418-470.572203v482.068912h-19.029036V584.349981z"
                fill="#F2F2F2" p-id="4802"></path>
              <path d="M271.163763 1010.124661l-13.4789-13.4789 517.748354-501.890825v526.866434h-19.029036V539.552458z"
                fill="" p-id="4803"></path>
              <path d="M162.936121 1.585753v1020.035617" fill="" p-id="4804"></path>
              <path d="M39.247387 1.585753h19.029036v1020.432056H39.247387z" fill="#F2F2F2" p-id="4805"></path>
              <path d="M58.276423 1.585753h19.029036v1020.432056H58.276423z" fill="" p-id="4806"></path>
              <path d="M77.305459 1.585753h19.029036v1020.432056H77.305459z" fill="#F2F2F2" p-id="4807"></path>
              <path d="M96.334495 1.585753h19.029036v1020.432056h-19.029036z" fill="" p-id="4808"></path>
              <path d="M115.363531 1.585753H134.392567v1020.432056h-19.029036z" fill="#F2F2F2" p-id="4809"></path>
              <path d="M134.392567 1.585753h19.029036v1020.432056H134.392567z" fill="" p-id="4810"></path>
              <path d="M153.421603 1.585753h19.029036v1020.432056h-19.029036z" fill="#F2F2F2" p-id="4811"></path>
              <path d="M172.450639 1.585753h19.029036v1020.432056h-19.029036z" fill="" p-id="4812"></path>
              <path d="M191.479675 1.585753h19.029036v1020.432056h-19.029036z" fill="#F2F2F2" p-id="4813"></path>
              <path d="M210.508711 1.585753H229.537747v1020.432056h-19.029036z" fill="" p-id="4814"></path>
              <path
                d="M229.537747 1.585753h19.029036v1020.432056H229.537747zM267.595819 1.585753h19.029036v1020.432056h-19.029036z"
                fill="#F2F2F2" p-id="4815"></path>
              <path d="M248.566783 1.585753h19.029036v1020.432056h-19.029036z" fill="" p-id="4816"></path>
            </svg>
          </a>

          <div class="flex flex-1 items-center justify-end sm:justify-between">
            <nav aria-label="Global" class="hidden sm:block">
              <ul id="pc-menu" class="flex items-center style-space">
                {% for m in siteMenu %}
                <li class="btn-animation">
                  <a class="relative font-bold size-title" target="{{ m.target }}" href="{{ m.url }}">{{ m.name }}</a>
                </li>
                {% /for %}
              </ul>
            </nav>

            <!--移动端开关-->
            <div class="flex items-center style-space">
              <div class="flex style-space"></div>
              <button onclick="openMobileMenu()" class="block transition sm:hidden">
                <span id="mobile-menu-btn" class="icon"></span>
              </button>
            </div>
          </div>
        </div>

      </header>